<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <img src="../source/song_1.jpg" alt="" class="mark">
    <audio src="../source/song_1.mp3"></audio>
    <div id="wrapp">
        <div class="record">
            <img src="../source/song_1.jpg" alt="">
        </div>
        <div class="title">
            <h2>听妈妈的话</h2>
            <p class="songer">周杰伦</p>
            <p class="songer">依然范西</p>
        </div>
        <div class="progressBar">
            <span class="statTime">00:00</span>
            <div class="lineTime">
                <div class="line"></div>
                <div class="dot"></div>
                <div class="bag"></div>
            </div>
            <span class="endTime">00:00</span>
        </div>
        <div class="list">
            <dl>
               
                <dd class="action">听妈妈的话</dd>
                <dd>听妈妈的话</dd>
                <dd>听妈妈的话</dd>
                <dd>听妈妈的话</dd>
            </dl>
            <button>关闭</button>
        </div>
        <footer class="songFoot">
            <i class="action"></i>
            <i></i>
            <i class=""></i>
            <i></i>
            <i></i>
        </footer>
    </div>
    <script src="../js/zepto.js"></script>
    <script src="../js/render.js"></script>
    <script src="../js/music.js"></script>
    <script src="../js/list.js"></script>
    <script src="../js/progressBar.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>